import React, {useState} from 'react'
import {Outlet,NavLink} from "react-router-dom"
import {homePath} from "../../router/routerConfig"
import { Tabbar } from 'react-vant';
function Home() {

  return (
    <div className="home">
       <main><Outlet></Outlet></main>
        <footer>
        <Tabbar>
          {
            homePath.map((item,index)=>{
              return  <Tabbar.Item icon={item.icon} key={index}>
               <NavLink to={item.path}>{item.title}</NavLink> 
              </Tabbar.Item>
            })
          }
    </Tabbar>
        </footer>
    </div>
  )
}

export default Home